/* 瓒呭皬灞忓箷锛堟墜鏈猴紝灏忎簬 768px锛� *** 灏忓睆骞曪紙骞虫澘锛屽ぇ浜庣瓑浜� 768px锛�  */
@media all and (max-width: 992px) {
	.classroom-title {
		width: 100%;
		color:#fff;
	}
	.classroom-title .btn {
		margin-top: 2rem;
		height: 3rem;
	}
	.link-intro {
		height: 3rem;
		line-height: 3rem;
		font-size: 1.6rem;
		color:#57f2b0;
	}
	.link-intro a {
		text-decoration: none;
		color: #57f2b0;
	}
	.link-intro a:hover {
		text-decoration: none;
		color:#fff;
	}
	
	.classroom-course-name {
		float:left;
		height:3rem;
		width:100%;
		margin:1rem 5%;
		font-size: 2.5rem;
		font-weight:700;
	}
	.classroom-title-info {
		font-size: 1rem;
		width:100%;
		height:8rem;
		margin-top:3rem;
	}
}

/* 涓瓑灞忓箷锛堟闈㈡樉绀哄櫒锛屽ぇ浜庣瓑浜� 992px锛�  ****  澶у睆骞曪紙澶ф闈㈡樉绀哄櫒锛屽ぇ浜庣瓑浜� 1200px锛� */
@media all and (min-width: 992px) {
	.classroom-title {
		width: 100%;
		height: 15rem;
		color:#fff;
	}
	.classroom-title .btn {
		margin-top: 2rem;
		height: 3rem;
	}
	.link-intro {
		height: 3rem;
		line-height: 3rem;
		font-size: 1.8rem;
		color:#57f2b0;
		margin-left:6rem;
	}
	.link-intro a {
		text-decoration: none;
		color: #57f2b0;
	}
	.link-intro a:hover {
		text-decoration: none;
		color:#fff;
	}
	
	.classroom-course-name {
		float:left;
		height:4rem;
		width:100%;
		margin:1rem 5%;
		font-size: 4rem;
		font-weight:700;
	}
	.classroom-title-info {
		width:100%;
		height:8rem;
		margin-top:6rem;
	}
	.classroom-title-info ul {
		height:8rem;
		margin-left:5%;
	}
	.classroom-title-info ul li {
		float:left;
		height:4.6rem;
		text-align:center;
		margin-right:2rem;
	}
	.classroom-title-info ul li .ctitle {
		width:100%;
		height:2rem;
		line-height:2rem;
		font-size:1.4rem;
		opacity:0.7;
	}
	.classroom-title-info ul li .classroom-time,.classroom-address {
		width:100%;
		height:2rem;
		line-height:2rem;
		font-size:1.8rem;
		opacity:0.7;
	}
}

